<template>
    <div id="scoreInformation">
        <el-table :data="data.list" border style="width: 100%">
          <el-table-column prop="exam_time" label="考试时间" align="center"></el-table-column>
          <el-table-column prop="subject_type" label="考试科目" align="center"></el-table-column>
          <el-table-column prop="exam_result" label="考试成绩" align="center"></el-table-column>
          <el-table-column prop="exam_place" label="考试地点" align="center"></el-table-column>
          <el-table-column prop="exam_session" label="考试场次" align="center"></el-table-column>
        </el-table>
          <el-row>
            <el-col :span="24" class="pagination">
              <!-- 翻页 -->
              <el-pagination
              class="fr"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="data.page.page"
               :page-sizes="[8]"
               :page-size="8"
                background
                layout="total, sizes, prev, pager, next"
                :total="data.page.total"
              ></el-pagination>
            </el-col>
          </el-row>
    </div>
</template>

<script>
export default {
    data(){
        return {
          //成绩记录页码
          rpage:1,
          //成绩记录一页多少数据
          rtotal:5,
        }
    },
    props:{
      data:{
          type:Object,
          default:()=>{
            return {}
          }
      },
      getrecordList:{
        type:Function,
        default:()=>{
          return {}
        }
      }

    },
    methods:{
      //一页多少数据翻页
      handleSizeChange(val){
        this.rtotal = val
        //this.getrecordList()
        this.$emit('getrecordList',val)
      },
      handleCurrentChange(val){
        this.rpage = val
         //this.getrecordList()
          this.$emit('getrecordList',val)
      },
    }



}
</script>

<style scoped lang='scss'>


</style>
